<!DOCTYPE html>
<html lang=ko>
<head>
	<meta charset="UTF-8">
	<title>web_sql.html</title>
	<style>
		.subject
		{
			width:65px;
			display:inline-block;
			text-align:center;
		}
		.btn
		{
			width:120px;
			height:40px;
		}
		#dropDB, #dropTable, #delete
		{
			background-color:black;
			color:red;
			font-weight:bold;
		}
		#result
		{
			width:600px;
			height:100px;
			border:1px solid #aaaaaa;
			border-radius:5px;
			overflow:auto; /* 행이 넘치면 자동으로 스크롤바 생성 */
		}
	</style>
	<script src='../js/web_sql.js'></script>
</head>
<body>
	<fieldset>
	<legend>Web SQL</legend>
		<input class=btn type=button id='createDB' value='DB 생성'>
		<input class=btn type=button id='createTable' value='Table 생성'>
		<input class=btn type=button id='dropDB' value='DB 제거'>
		<input class=btn type=button id='dropTable' value='Table제거'>
		<br>
		<input class=btn type=button id='insert' value='데이터 입력'>
		<input class=btn type=button id='update' value='데이터 수정'>
		<input class=btn type=button id='delete' value='데이터 삭제'>
		<input class=btn type=button id='select' value='데이터 조회'>
		<br>
	</fieldset>
	<h3>입력 조회</h3>
	<form name='frm'>
		<label class=subject for='mid'>아이디</label>
		<input type=text name='mid' id='mid' value='a001'>
		<br>
		<label class=subject for='irum'>성명</label>
		<input type=text name='irum' id='irum' value='park'>
		<br>
		<label class=subject for='kor'>국어</label>
		<input type=text name='kor' id='kor' value='100'>
		<br>
		<label class=subject for='eng'>영어</label>
		<input type=text name='eng' id='eng' value='80'>
	</form>
	<div id='result'></div>
	<input class="btn" type="button" id="graph" value="그래프"/><br>
	<canvas id="canvas" width="500" height="300">
          본 브라우저는 canvas를 지원하지않습니다.
	</canvas>
	<script>Init();</script>
</body>
</html>